<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./../MasterPage/masterPage.xhtml">
            <ui:define name="content">

                <p:panel header="Registro de Nuevo Giro o Encomienda" >
                    <h:form id="frmfieldset">
                        <p:growl id="grow2" showDetail="true"/>
                        <h:panelGrid id="nuevo" columns="1" width="100%" >                
                            <p:fieldset legend="Nuevo Giro o Encomienda" toggleable="true" collapsed="false" toggleSpeed="500">  
                                <p:ajax event="toggle"  update="grow2" />
                                <h:panelGrid id="mensajes" columns="1" style="width: 40%">

                                </h:panelGrid>
                                <p:fieldset legend="Datos Del Remitente" toggleable="true" collapsed="false" toggleSpeed="500">
                                    <h:panelGrid columns="4" cellpadding="10" >
                                        <h:outputText value="Tipo cliente:" style="font-weight: bold;"/>
                                        <p:selectOneRadio id="tipcli1" required="true" requiredMessage="Elija el tipo de cliente"  value="#{managedBeanCliente.personaNatural}" style="font-size: 11px; width:75px">
                                            <p:ajax   update=":frmfieldset:Autocomplete :frmfieldset:infor :frmfieldset:nat :frmfieldset:emp :frmfieldset:destina1" />
                                            <f:selectItem itemLabel="PERSONA" itemValue="true" />
                                            <f:selectItem itemLabel="EMPRESA" itemValue="false" />
                                        </p:selectOneRadio>
                                        <h:outputText id="destina1" value="Remitente(#{managedBeanCliente.personaNatural eq true ? 'DNI':'DNI o RUC'}) : " style="font-weight: bold;"/>
                                        <h:panelGrid columns="2">
                                            <p:autoComplete required="true" requiredMessage="Ingrese el Remitente" style="font-weight: bold;"   id="Autocomplete" effect="fade"
                                                            value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente}"
                                                            completeMethod="#{managedBeanCliente.completar_filtrado_Clientes}"
                                                            var="item_cliente" itemLabel="#{managedBeanCliente.personaNatural eq true ? item_cliente.persona.perDNI.concat(' ').concat(item_cliente.persona.perNombres).concat(' ').concat(item_cliente.persona.perApellidos).concat(' ') : item_cliente.persona.perNombres.concat(' ').concat(item_cliente.persona.perApellidos).concat('-RUC:').concat(item_cliente.cliRUC).concat(item_cliente.cliRazSoc)}"
                                                            itemValue="#{item_cliente}"

                                                            converter="ClienteConverter"  minQueryLength="4"
                                                            size="30"
                                                            >
                                                <p:ajax update=":frmfieldset:infor" event="itemSelect" />
                                            </p:autoComplete>
                                            <h:panelGrid columns="2" style="padding-left: 20px;">
                                                <p:commandButton id="nat"  value="P" style="display: #{managedBeanCliente.personaNatural eq true ? 'null':'none'}" oncomplete="Dialogopersona.show()"/>
                                                <p:commandButton id="emp" value="E" style="display: #{managedBeanCliente.personaNatural eq false ? 'null':'none'}" oncomplete="DialogoEmpresa.show()"/>
                                            </h:panelGrid>
                                        </h:panelGrid>                                        
                                    </h:panelGrid>

                                    <h:panelGrid columns="2" cellpadding="10" cellspacing="10" id="infor" style="font-size: 13px; color: blue" >
                                        <h:panelGrid id="natural" columns="15" style="display: #{managedBeanCliente.personaNatural eq true ? 'null':'none'}">
                                            <h:outputText value="NOMBRES: " style="font-weight: bold;"/>
                                            <p:inputText required="true" requiredMessage="Ingrese el Remitente" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente.persona.perNombres}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="APELLIDOS: " style="font-weight: bold;"/>
                                            <p:inputText readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente.persona.perApellidos}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="DNI: " style="font-weight: bold;"/>
                                            <p:inputText style="width: 60px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente.persona.perDNI}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="CEL: " style="font-weight: bold;"/>
                                            <p:inputText style="width: 70px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente.persona.perCel}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="TEL.: " style="font-weight: bold;"/>
                                            <p:inputText style="width: 70px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente.persona.perTelf}" />
                                            <h:outputText style="color: white;" value=":::::::::" />
                                        </h:panelGrid>
                                        <h:panelGrid id="juridico" columns="9" style="display: #{managedBeanCliente.personaNatural eq false ? 'null':'none'}">
                                            <h:outputText value="NOMBRES: " style="font-weight: bold;"/>
                                            <p:inputText required="true" requiredMessage="Ingrese el Remitente" style="width: 200px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente.persona.perNombres}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="APELLIDOS: " style="font-weight: bold;"/>
                                            <p:inputText style="width: 200px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente.persona.perApellidos}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="DNI: " style="font-weight: bold;"/>
                                            <p:inputText style="width: 60px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente.persona.perDNI}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="RUC:" style="font-weight: bold;"/>
                                            <p:inputText style="width: 100px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente.cliRUC}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="RAZ. SOCIAL.:" style="font-weight: bold;"/>
                                            <p:inputText style="width: 200px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente.cliRazSoc}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="DIR. FÍSCAL:" style="font-weight: bold;"/>
                                            <p:inputText style="width: 200px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente.cliDireccionFiscal}" />
                                            <h:outputText style="color: white;" value=":::::::::" />                                            

                                        </h:panelGrid>
                                    </h:panelGrid>
                                </p:fieldset>

                                <p:fieldset legend="Datos Del Destinatario" toggleable="true" collapsed="false" toggleSpeed="500" >
                                    <h:panelGrid columns="4" cellpadding="10">
                                        <h:outputText value="Tipo cliente:" style="font-weight: bold;"/>
                                        <p:selectOneRadio id="tipcli2" required="true" requiredMessage="Elija el tipo de Cliente" value="#{managedBeanCliente.personaNatural2}" style="width:75px">
                                            <p:ajax  update=":frmfieldset:Autocomplete1 :frmfieldset:infor1 :frmfieldset:nat1 :frmfieldset:emp1 :frmfieldset:destina2" />
                                            <f:selectItem itemLabel="PERSONA" itemValue="true" />
                                            <f:selectItem itemLabel="EMPRESA" itemValue="false" />
                                        </p:selectOneRadio>
                                        <h:outputText id="destina2" value="Destinatario(#{managedBeanCliente.personaNatural2 eq true ? 'Apell. o Nomb.':'DNI o RUC'}) : " style="font-weight: bold;"/>
                                        <h:panelGrid columns="2">
                                            <p:autoComplete required="true" requiredMessage="Ingrese el Destinatario" style="font-size: 12px; font-weight: bold;"   id="Autocomplete1" effect="fade"
                                                            value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1}"
                                                            completeMethod="#{managedBeanCliente.completar_filtrado_Clientes2}"
                                                            var="item_cliente" itemLabel="#{managedBeanCliente.personaNatural2 eq true ? item_cliente.persona.perDNI.concat(' ').concat(item_cliente.persona.perNombres).concat(' ').concat(item_cliente.persona.perApellidos).concat(' ') : item_cliente.persona.perNombres.concat(' ').concat(item_cliente.persona.perApellidos).concat('-RUC:').concat(item_cliente.cliRUC).concat(item_cliente.cliRazSoc)}"
                                                            itemValue="#{item_cliente}"

                                                            converter="Cliente3Converter"  minQueryLength="4"
                                                            size="42"
                                                            >
                                                <p:ajax update=":frmfieldset:infor1 " event="itemSelect" />
                                            </p:autoComplete>
                                            <h:panelGrid columns="2" style="padding-left: 20px;">
                                                <p:commandButton id="nat1"  value="P" style="display: #{managedBeanCliente.personaNatural2 eq true ? 'null':'none'}" oncomplete="Dialogopersona.show()"/>
                                                <p:commandButton id="emp1" value="E" style="display: #{managedBeanCliente.personaNatural2 eq false ? 'null':'none'}" oncomplete="DialogoEmpresa.show()"/>
                                            </h:panelGrid>
                                        </h:panelGrid>
                                    </h:panelGrid>

                                    <h:panelGrid columns="2" cellpadding="10" cellspacing="10" id="infor1" style="font-size: 13px; color: blue">
                                        <h:panelGrid id="natural1" columns="15" style="display: #{managedBeanCliente.personaNatural2 eq true ? 'null':'none'}">
                                            <h:outputText value="NOMBRES: " style="font-weight: bold;"/>
                                            <p:inputText required="true" requiredMessage="Ingrese el Destinatario" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1.persona.perNombres}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="APELLIDOS: " style="font-weight: bold;"/>
                                            <p:inputText readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1.persona.perApellidos}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="DNI: " style="font-weight: bold;"/>
                                            <p:inputText style="width: 60px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1.persona.perDNI}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="CEL: " style="font-weight: bold;"/>
                                            <p:inputText style="width: 70px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1.persona.perCel}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="TEL.: " style="font-weight: bold;"/>
                                            <p:inputText style="width: 70px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1.persona.perTelf}" />
                                            <h:outputText style="color: white;" value=":::::::::" />
                                        </h:panelGrid>
                                        <h:panelGrid id="juridico1" columns="9" style="display: #{managedBeanCliente.personaNatural2 eq false ? 'null':'none'}">
                                            <h:outputText value="NOMBRES: " style="font-weight: bold;"/>
                                            <p:inputText required="true" requiredMessage="Ingrese el Destinatario" style="width: 200px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1.persona.perNombres}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="APELLIDOS: " style="font-weight: bold;"/>
                                            <p:inputText style="width: 200px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1.persona.perApellidos}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="DNI: " style="font-weight: bold;"/>
                                            <p:inputText style="width: 60px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1.persona.perDNI}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="RUC:" style="font-weight: bold;"/>
                                            <p:inputText style="width: 100px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1.cliRUC}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="RAZ. SOCIAL.:" style="font-weight: bold;"/>
                                            <p:inputText style="width: 200px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1.cliRazSoc}" />
                                            <h:outputText style="color: white;" value=":::::::::" />

                                            <h:outputText value="DIR. FÍSCAL:" style="font-weight: bold;"/>
                                            <p:inputText style="width: 200px" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.cliente1.cliDireccionFiscal}" />
                                            <h:outputText style="color: white;" value=":::::::::" />
                                        </h:panelGrid>
                                    </h:panelGrid>
                                </p:fieldset>

                                <h:panelGrid columns="4" cellpadding="10">
                                    <h:outputText value="Elegir Viaje" />
                                    <p:selectOneMenu required="true" requiredMessage="No ha elegido el vije" id="responsable" filter="true" filterMatchMode="contains" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.viaje}" effect="drop" style="width:425px" converter="ViajesConverter" >
                                        <f:selectItems  value="#{managedBeanViajes.objetoItemsviajediariohhmm}"/> <!-- objetoItemsviajediario: muestra solo viajes que faltan realizarse -->
                                    </p:selectOneMenu>

                                    <h:outputText value="Agencia de Envio"/>
                                    <p:inputText readonly="true" id="agenvio" style="width: 400px" value="#{managedBeanIniciosesion.objetoEmpleado.agencia.ciudad.departamento.depDepartamento} #{managedBeanIniciosesion.objetoEmpleado.agencia.ciudad.ciudCiudad} #{managedBeanIniciosesion.objetoEmpleado.agencia.agenDireccion}" />

                                    <h:outputText value="Responsable" />
                                    <p:inputText readonly="true" id="respon" style="width: 400px" value="#{managedBeanIniciosesion.objetoEmpleado.persona.perNombres} #{managedBeanIniciosesion.objetoEmpleado.persona.perApellidos}" />

                                    <h:outputText value="Agencia Destino"/>
                                    <p:selectOneMenu id="agencdest" filter="true" filterMatchMode="contains" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.agencia1}" effect="drop" style="width:425px" converter="AgenciaConverter" >
                                        <f:selectItems  value="#{managedBeanAgencia.objetoItems}"/>
                                    </p:selectOneMenu>

                                    <h:outputText value="Comprobante"/> 
                                    <p:selectOneMenu required="true" requiredMessage="Elija el tipo de comprobante" id="tipocomp" filter="true" filterMatchMode="contains" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.tipocomprobante}" effect="drop" style="width:425px" converter="TipoComprobanteConverter" >
                                        <f:selectItems  value="#{managedBeanTipoComprobantePago.objetoItems}"/>
                                        <p:ajax event="change" listener="#{managedBeanEncomiendaDetalle.cambiarFactBol(managedBeanEncomiendaDetalle.objetoEncomienda.igv.igvValor,managedBeanEncomiendaDetalle.objetoEncomienda.encDescuento,managedBeanEncomiendaDetalle.objetoEncomienda.tipocomprobante.tipocompComprobante)}"  update=":frmfieldset:total" />
                                    </p:selectOneMenu>

                                    <h:outputText value="N° Comprobante"/>
                                    <p:inputText id="nrocomprob" style="width: 400px" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.encNroDocComp}" />

                                    <h:outputText value="IGV Actual"/>
                                    <p:selectOneMenu filter="true" filterMatchMode="contains" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.igv}" effect="drop" style="width:425px" converter="IgvConverter" >
                                        <f:selectItems  id="igv" value="#{managedBeanIgv.IGVActual}"/>
                                    </p:selectOneMenu>

                                    <h:outputText value="Detalle Envio"/>
                                    <p:inputTextarea id="descripcion" readonly="true" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.encDescripcion}"  label="Descripcion" rows="3" cols="45" />

                                    <h:outputText value="Tipo de Pago"/> 
                                    <p:selectOneMenu required="true" requiredMessage="Ingrese el tipo de pago" id="tipopago" filter="true" filterMatchMode="contains" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.tipopago}" effect="drop" style="width:425px" converter="TipoPagoConverter" >
                                        <f:selectItems  value="#{managedBeanTipoPago.objetoItems}"/>                                        
                                    </p:selectOneMenu>

                                    <h:outputText value="¿Pagado?" />
                                    <p:selectOneRadio  required="true" requiredMessage="Seleccione Pago de Encomienda" id="options" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.encPagado}">
                                        <f:selectItem itemLabel="SI" itemValue="true" />
                                        <f:selectItem itemLabel="NO" itemValue="false" />
                                    </p:selectOneRadio>
                                    <h:outputText /><h:outputText />                                    
                                </h:panelGrid>
                                <p:fieldset legend="Detalle de la Encomienda"  toggleSpeed="500">
                                    <h:panelGrid columns="6" id="grid" cellpadding="10" > 
                                        <h:outputText value="Tipo de Encomienda: *" style="width: 20%"/>
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanEncomiendaDetalle.objetoEncoDetalleCrear.tipoencomienda}" effect="drop" style="width:200px" converter="TipoEncomiendaConverter" >
                                            <p:ajax update=":frmfieldset:agregar :frmfieldset:descip :frmfieldset:montDesc" listener="#{managedBeanEncomiendaDetalle.cambiaraMonto()}" />
                                            <f:selectItems  id="temsppp" value="#{managedBeanTipoEncomienda.objetoItems}"/>                                            
                                        </p:selectOneMenu>

                                        <h:outputText value="#{managedBeanEncomiendaDetalle.montoDesc}: *"  id="montDesc"/> 
                                        <p:inputText  id="descip" value="#{managedBeanEncomiendaDetalle.objetoEncoDetalleCrear.dencDetalle}" >
                                            <p:ajax event="blur" listener="#{managedBeanEncomiendaDetalle.calcularPrecioGiro(managedBeanEncomiendaDetalle.objetoEncoDetalleCrear.tipoencomienda.encTipo)}"  update=":frmfieldset:precio frmfieldset:grow2" />
                                        </p:inputText>

                                        <h:outputText value="Cantidad : *" />  
                                        <p:inputText style="width: 50px" id="cant" value="#{managedBeanEncomiendaDetalle.objetoEncoDetalleCrear.dencCantidad}" />

                                        <h:outputText value="Peso (Kg): *" />  
                                        <p:inputText style="width: 50px" id="peso" value="#{managedBeanEncomiendaDetalle.objetoEncoDetalleCrear.dencPeso}" />

                                        <h:outputText value="Precio : *"/>  
                                        <p:inputText style="width: 50px" id="precio" value="#{managedBeanEncomiendaDetalle.objetoEncoDetalleCrear.dencPrecio}" />

                                        <p:commandButton icon="ui-icon-battery-2" value="Limpiar" type="reset"/>  
                                        <p:commandButton id="agregar" icon="ui-icon-disk"  value="Agregar" action="#{managedBeanEncomiendaDetalle.agregandoDetalle(managedBeanEncomiendaDetalle.objetoEncomienda.igv.igvValor,managedBeanEncomiendaDetalle.objetoEncomienda.encDescuento,managedBeanEncomiendaDetalle.objetoEncomienda.tipocomprobante.tipocompComprobante)}" update=":frmfieldset:grow2 :frmfieldset:tabladetalle :frmfieldset:tabladetalle :frmfieldset:total :frmfieldset:descripcion :frmfieldset:butonimp :frmfieldset:grid" />
                                    </h:panelGrid>

                                    <p:dataTable id="tabladetalle" var="encodet" value="#{managedBeanEncomiendaDetalle.listaDetalle}" emptyMessage="Datos no encontrados"
                                                 rows="15" editable="true" editMode="cell" widgetVar="tabladetalleTable">
                                        <f:facet name="header">  
                                            <p:outputPanel>  
                                                <h:outputText value="Lista Detallada de Giros o Encomiendas" />    
                                            </p:outputPanel>
                                        </f:facet>

                                        <p:ajax event="cellEdit" listener="#{managedBeanEncomiendaDetalle.onCellEdit(event,managedBeanEncomiendaDetalle.objetoEncomienda.igv.igvValor,managedBeanEncomiendaDetalle.objetoEncomienda.encDescuento,managedBeanEncomiendaDetalle.objetoEncomienda.tipocomprobante.tipocompComprobante)}"  update=":frmfieldset:grow2 :frmfieldset:grid :frmfieldset:total :frmfieldset:descripcion :frmfieldset:tabladetalle" />

                                        <p:column headerText="Tipo de Encomienda" style="width:20%" filterMatchMode="contains" filterBy="#{encodet.tipoencomienda.encTipo}">                                            
                                            <h:outputText value="#{encodet.tipoencomienda.encTipo}" />
                                        </p:column>

                                        <p:column id="desc" filterMatchMode="contains" filterBy="#{encodet.dencDetalle}" style="text-align: center; width:35%" > 
                                            <f:facet name="header">
                                                <h:outputText value="Descripcion" />
                                            </f:facet>
                                            <p:cellEditor>  
                                                <f:facet name="output"><h:outputText value="#{encodet.dencDetalle}" /></f:facet>  
                                                <f:facet name="input"><p:inputText value="#{encodet.dencDetalle}" style="width:90%"/></f:facet>  
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column id="cantidad" filterMatchMode="contains" filterBy="#{encodet.dencCantidad}" style="text-align: center; width:15%" > 
                                            <f:facet name="header">
                                                <h:outputText value="Cantidad" />
                                            </f:facet>
                                            <p:cellEditor>
                                                <f:facet name="output"><h:outputText value="#{encodet.dencCantidad}" /></f:facet>
                                                <f:facet name="input"><p:inputText value="#{encodet.dencCantidad}" style="width:80%"/></f:facet>
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column filterMatchMode="contains" filterBy="#{encodet.dencCantidad}" style="text-align: center; width:15%" > 
                                            <f:facet name="header">
                                                <h:outputText value="Peso" />
                                            </f:facet>
                                            <p:cellEditor>
                                                <f:facet name="output"><h:outputText value="#{encodet.dencPeso}" /></f:facet>
                                                <f:facet name="input"><p:inputText value="#{encodet.dencPeso}" style="width:80%"/></f:facet>
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column filterMatchMode="contains" filterBy="#{encodet.dencPrecio}" style="text-align: center; width:15%" > 
                                            <f:facet name="header">
                                                <h:outputText value="Precio Unitario (S/.)" />
                                            </f:facet>
                                            <p:cellEditor>
                                                <f:facet name="output"><h:outputText value="#{encodet.dencPrecio}" /></f:facet>
                                                <f:facet name="input"><p:inputText value="#{encodet.dencPrecio}" style="width:80%"/></f:facet>
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column id="elimar" style="text-align: center; width:20%" > 
                                            <f:facet name="header">
                                                <h:outputText value="Eliminar" />
                                            </f:facet>
                                            <p:commandButton icon="ui-icon-cancel"  value="Eliminar" action="#{managedBeanEncomiendaDetalle.eliminarDetalle(managedBeanEncomiendaDetalle.objetoEncomienda.igv.igvValor,managedBeanEncomiendaDetalle.objetoEncomienda.encDescuento,managedBeanEncomiendaDetalle.objetoEncomienda.tipocomprobante.tipocompComprobante)}" update=":frmfieldset:grow2 :frmfieldset:tabladetalle :frmfieldset:total :frmfieldset:descripcion :frmfieldset:butonimp" >
                                                <f:setPropertyActionListener value="#{encodet}" target="#{managedBeanEncomiendaDetalle.objetoEncoDetalleCrear}" />
                                            </p:commandButton>                                    
                                        </p:column>
                                    </p:dataTable>
                                    <p:dataTable value="1" id="total">
                                        <p:column style="text-align: right; width:20%">
                                            <p:panelGrid id="tablatotal" style="font-weight: bold">
                                                <p:row>
                                                    <p:column style="width:20%"></p:column>
                                                    <p:column style="width:35%">
                                                        <h:outputText value="SubTotal" />
                                                    </p:column>
                                                    <p:column style="text-align: left;width:15%">
                                                        <h:outputText value="#{managedBeanEncomiendaDetalle.subtotal}" >
                                                            <f:convertNumber type="currency" minFractionDigits="2" pattern="#0.00"/>
                                                        </h:outputText>
                                                    </p:column>
                                                    <p:column style="width:15%">
                                                        <h:outputText value="Total IGV (#{managedBeanEncomiendaDetalle.objetoEncomienda.igv.igvNombre}) S/." />
                                                    </p:column>
                                                    <p:column style="text-align: left;width:15%">
                                                        <h:outputText value="#{managedBeanEncomiendaDetalle.igv}" >
                                                            <f:convertNumber type="currency" minFractionDigits="2" pattern="#0.00"/>
                                                        </h:outputText>
                                                    </p:column>
                                                    <p:column style="text-align: right; width: 15%" >
                                                        <h:outputText value="Descuento (S/.)" />
                                                    </p:column>
                                                    <p:column style="text-align: left; width: 20%">
                                                        <p:inputText readonly="true" style="width: 100px" id="dscto" value="#{managedBeanEncomiendaDetalle.objetoEncomienda.encDescuento}" >
                                                            <p:ajax event="blur"  listener="#{managedBeanEncomiendaDetalle.calcularTotales(managedBeanEncomiendaDetalle.objetoEncomienda.igv.igvValor,managedBeanEncomiendaDetalle.objetoEncomienda.encDescuento,managedBeanEncomiendaDetalle.objetoEncomienda.tipocomprobante.tipocompComprobante)}" update=":frmfieldset:total :frmfieldset:grow2" />                                                                                                                        
                                                        </p:inputText>
                                                    </p:column>
                                                </p:row>
                                                <p:row>
                                                    <p:column style="width:20%"></p:column>
                                                    <p:column style="width:35%">
                                                        <h:outputText value="Total (S/.)" style="color: red"/>
                                                    </p:column>
                                                    <p:column style="text-align: left;width:15%; color: red">
                                                        <h:outputText value="#{managedBeanEncomiendaDetalle.objetoEncomienda.encTotal}" >
                                                            <f:convertNumber type="currency" minFractionDigits="2" pattern="#0.00"/>
                                                        </h:outputText>
                                                    </p:column>
                                                    <p:column style="width:15%">
                                                        <h:outputText value="Cheque (S/.)" />
                                                    </p:column>
                                                    <p:column style="text-align: left;width:15%">
                                                        <p:inputText style="width: 100px" id="recibido" value="#{managedBeanEncomiendaDetalle.billete}" >
                                                            <p:ajax event="blur"  listener="#{managedBeanEncomiendaDetalle.calcularTotales(managedBeanEncomiendaDetalle.objetoEncomienda.igv.igvValor,managedBeanEncomiendaDetalle.objetoEncomienda.encDescuento,managedBeanEncomiendaDetalle.objetoEncomienda.tipocomprobante.tipocompComprobante)}" update=":frmfieldset:total :frmfieldset:grow2" />
                                                        </p:inputText>
                                                    </p:column>
                                                    <p:column style="text-align: right; width: 15%" >
                                                        <h:outputText value="Vuelto (S/.)" />
                                                    </p:column>
                                                    <p:column style="text-align: left; width: 20%" >
                                                        <h:outputText value="#{managedBeanEncomiendaDetalle.vuelto}" >
                                                            <f:convertNumber type="currency" minFractionDigits="2" pattern="#0.00"/>
                                                        </h:outputText>
                                                    </p:column>
                                                </p:row>                                                
                                            </p:panelGrid>
                                        </p:column>
                                    </p:dataTable>
                                </p:fieldset>
                                <center>
                                    <p:commandButton style="display: #{managedBeanEncomiendaDetalle.listaDetalle.size() eq 0?'none':'block'}" icon="ui-icon-disk" id="butonimp" value="Guardar e Imprimir" action="#{managedBeanEncomiendaDetalle.insertar(managedBeanCliente.personaNatural,managedBeanCliente.personaNatural2, managedBeanIniciosesion)}"  update=":frmfieldset:grow2  :frmfieldset:mensajes :frmfieldset:mostrardialog :frmfieldset:grid :frmfieldset:total :frmfieldset:nrocomprob :frmfieldset:Autocomplete :frmfieldset:infor :frmfieldset:Autocomplete1 :frmfieldset:infor1" oncomplete="ImprimirDialogo.show()" />
                                </center>                                
                            </p:fieldset>

                            <h:panelGrid id="mostrardialog" style="display: #{managedBeanEncomiendaDetalle.banderashowdilogprint eq 0?'none':'block'}">
                                <p:dialog modal="false" id="dialog" header="Impresion" widgetVar="ImprimirDialogo" resizable="false"
                                          showEffect="explode" hideEffect="explode" height="250px" style="text-align: center" closable="false">
                                    <center>
                                        <h:outputText value="Se Registro Correctamente la Encomienda" style="font-size: 16px; color: blue; text-align: right; font-weight: bold;"/>
                                        <p:separator />
                                        <h:panelGrid columns="1">
                                            <h:outputLink  onclick="window.open('#{managedBeanEncomiendaDetalle.tipocomprob eq 1? 'boletas/boleta':'facturas/factura'}#{managedBeanEncomiendaDetalle.idencomienda}.pdf', '', 'height=450,width=720,scrollbars=1');
                                                    return false;" value="#">
                                                <h:graphicImage value="/images/impresora_matricial.jpg" width="60 px" height="60 px"/>
                                            </h:outputLink>
                                            <p:separator />
                                            <p:commandButton   value="Cerrar" update=":frmfieldset :frmfieldset:mostrardialog :frmfieldset:nrocomprob"  action="#{managedBeanEncomiendaDetalle.cambiarValormostrarprint()}"/>  
                                        </h:panelGrid>
                                    </center>
                                </p:dialog>
                            </h:panelGrid>
                        </h:panelGrid>                        
                    </h:form>
                    <h:form id="frmNuevoCliente">
                        <p:dialog modal="true" id="dialogoRegistroNAtural" header="PERSONA" widgetVar="Dialogopersona" resizable="false" 
                                  showEffect="explode" hideEffect="explode"  width="680" height="430">
                            <center>
                                <h:panelGrid  id="sindni" columns="2" style="text-align: center">
                                    <h:outputText value="Sin DNI: *" /> 
                                    <p:selectBooleanCheckbox value="#{managedBeanCliente.sindni}" />
                                </h:panelGrid>
                            </center>
                            <h:panelGrid  id="datos" columns="4" cellpadding="10" >
                                <h:outputText value="DNI: *" /> 
                                <p:inputText style="width: 150px"   label="DNI" id="txtDNI" value="#{managedBeanCliente.objetoPersonaCrear.perDNI}"/>                        
                                <h:outputText value="Nombre: *" /> 
                                <p:inputText style="width: 200px"  label="Nombre" id="txtNombre" value="#{managedBeanCliente.objetoPersonaCrear.perNombres}"/>                        
                                <h:outputText value="Apellidos: *" /> 
                                <p:inputText style="width: 200px"  label="Apellidos" id="txtApellidos" value="#{managedBeanCliente.objetoPersonaCrear.perApellidos}"/>                        
                                <h:outputText value="Direccion: *" /> 
                                <p:inputText style="width: 200px"   label="Direccion" id="txtDireccion" value="#{managedBeanCliente.objetoPersonaCrear.perDireccion}"/>                        
                                <h:outputText value="Sexo: *" />
                                <p:selectOneMenu id="nu1" value="#{managedBeanCliente.objetoPersonaCrear.perSexo}" style="width:150px">
                                    <f:selectItem itemLabel="Masculino" itemValue="M" />  
                                    <f:selectItem itemLabel="Femenino" itemValue="F" />  
                                    <f:selectItem itemLabel="Otros" itemValue="O" />  
                                </p:selectOneMenu> 
                                <h:outputText value="Telefono: *" /> 
                                <p:inputText style="width: 150px" label="Telefono" id="txtTelefono" value="#{managedBeanCliente.objetoPersonaCrear.perTelf}"/>                        
                                <h:outputText value="Celular: *" /> 
                                <p:inputText style="width: 150px" label="Celular" id="txtCelular" value="#{managedBeanCliente.objetoPersonaCrear.perCel}"/>                        
                                <h:outputText value="Fecha Nacimiento: *" /> 
                                <p:calendar style="width: 150px" value="#{managedBeanCliente.objetoPersonaCrear.perFechaNac}" pattern="dd/MM/yyyy" />
                            </h:panelGrid>
                            <center>
                                <p:commandButton icon="ui-icon-disk"  value="Insertar" action="#{managedBeanCliente.insertarNatural2(managedBeanEncomienda)}" update=":frmNuevoCliente :frmfieldset:Autocomplete :frmfieldset:Autocomplete1 :frmfieldset:tipcli1 :frmfieldset:tipcli2 :frmfieldset:grow2" oncomplete="Dialogopersona.hide()" />
                            </center>
                        </p:dialog>
                        <p:dialog modal="true" id="dialogoRegistroEmpresa" header="EMPRESA" widgetVar="DialogoEmpresa" resizable="false" 
                                  showEffect="explode" hideEffect="explode"  width="680" height="430">

                            <h:panelGrid  id="datos2" columns="2" cellpadding="15">
                                <h:outputText value="PERSONA : " style="font-size: 11px; font-weight: bold;"/>
                                <p:autoComplete style="font-size: 11px; font-weight: bold;"   id="AutocompleteDOS" effect="fade"
                                                value="#{managedBeanCliente.objetoClientePersona}"
                                                completeMethod="#{managedBeanCliente.completar_filtrado_ClientesPersonas2}"
                                                var="item_cliente" itemLabel="#{item_cliente.persona.perDNI.concat(' ').concat(item_cliente.persona.perNombres).concat(' ').concat(item_cliente.persona.perApellidos)}"
                                                itemValue="#{item_cliente}"
                                                converter="Cliente2Converter"  minQueryLength="4"
                                                size="42"
                                                >
                                </p:autoComplete>
                                <h:outputText value="RUC: *" /> 
                                <p:inputText style="width: 150px" id="txtRUC" value="#{managedBeanCliente.objetoClienteCrear.cliRUC}"/>                        
                                <h:outputText value="Razon Social: *" /> 
                                <p:inputText style="width: 150px"  label="Razon" id="txtRazon" value="#{managedBeanCliente.objetoClienteCrear.cliRazSoc}"/>                        
                                <h:outputText value="Direccion Fiscal: *" /> 
                                <p:inputText style="width: 150px"  label="Direccion" id="txtDireccionF" value="#{managedBeanCliente.objetoClienteCrear.cliDireccionFiscal}"/>                        
                                <h:outputText value="Empresa/Asociada: *" /> 
                                <p:selectOneMenu id="nu2" value="#{managedBeanCliente.objetoClienteCrear.perEmpresaAsociada}" style="width:190px">
                                    <f:selectItem itemLabel="Empresa Asociada" itemValue="1" />  
                                    <f:selectItem itemLabel="Empresa Propia" itemValue="0" />
                                </p:selectOneMenu> 
                            </h:panelGrid>
                            <center>
                                <p:commandButton icon="ui-icon-disk"  value="Insertar" action="#{managedBeanCliente.insertarJuridico2(managedBeanEncomienda)}" update=":frmNuevoCliente :frmfieldset:Autocomplete :frmfieldset:Autocomplete1 :frmfieldset:tipcli1 :frmfieldset:tipcli2 :frmfieldset:grow2" oncomplete="DialogoEmpresa.hide()"/>
                            </center>
                        </p:dialog>
                    </h:form>
                    <br/>

                </p:panel>

            </ui:define>
        </ui:composition>
    </body>
</html>

